<div class="im_msgboxs" id="im_msgboxs" style="height:240px;">
    <dl class="im_msgbox">
        <dt class="uid"><img src="temp/1.jpg" width="30" height="30" /></dt>
        <dd class="im_msgdetail">
            <p><a href="#" target="_blank">淄博林华商贸有限公司</a> - <a href="javascript:;" class="msg_contact" uid="90942834902">小麦</a></p>
            <p>对方发送了一张名片给您…… </p>
        </dd>
        <dd class="im_msginfo"  uid="0980924"><b title="查看消息">37</b>7-18</dd>
    </dl>
    <dl class="im_msgbox">
        <dt class="uid"><img src="img/avatar_s-sys.png" width="30" height="30" /></dt>
        <dd class="im_msgdetail">
            <p><a href="#" target="_blank">系统小秘书</a></p>
            <p>您的账户存在异常，请及时修改密码！</p>
        </dd>
        <dd class="im_msginfo"  uid="0980924"><b title="查看消息">37</b>7-18</dd>
    </dl>
</div>
<style type="text/css">
    dl.im_msgbox{padding:10px;line-height: 14px;width: 420px;font-family:tahoma,arial,\5b8b\4f53;-moz-user-select: none;border-bottom: solid 1px #fafafa;height:33px;clear: both;}
    dl.im_msgbox:hover{background: #fcfcfc;}
    dl.im_msgbox a{color:blue;text-decoration: none;}
    dl.im_msgbox a:hover{text-decoration:underline;}
    dl.im_msgbox dt{margin-right:10px;cursor: pointer;float: left;}
    dl.im_msgbox dd{color:#999;float: left;}
    dl.im_msgbox dd.im_msgdetail{width:300px;}
    dl.im_msgbox dd.im_msginfo{width: 80px;text-align: right;padding-top:8px;}
    dl.im_msgbox dd b{padding:0 5px;margin-left:10px;background: #c00;color:#fff;margin-right:10px;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-weight: normal;line-height: 12px;overflow: hidden;cursor: pointer;}
</style>